/**
* @Author: 李晨光
* @Date: 2019/12/4
* @Version: 1.0
* @Last Modified by: 李晨光
* @Last Modified time: 2019/12/4
**/
<comment>

</comment>
<template>
  <div id="Test">
    <mu-flex justify-content="center">
      <mu-button @click="openOrgDialog">Open Scroll Dialog</mu-button>
    </mu-flex>
    <!--<Org ref="org" v-model="org" @change="orgChange"  :open="open" @close="closeOrgDialog"></Org>-->
    <User ref="ref" v-model="user"  :open="openUser"  @close="closeOrgDialog" @confirm="closeOrgDialog" @change="orgChange"></User>
    <!-- <FileUpload></FileUpload> -->
    <Qes ref="ref"   :open="testC"  @close="testC=false" @confirm="testC=false" @change="testChange"></Qes>
  </div>
</template>

<script>
  import Org from "@/select/org/Org.vue"
  import User from "@/select/user/User.vue"
  import FileUpload from "@/fileUpload/FileUpload.vue"

  import Qes from "@/quseType/Qes.vue"

  export default {
    name: 'Test',
    components: {
      Org,
      User,
      FileUpload, 
      Qes
    },
    props: {},
    data() {
      return {
        org: [ {
          label: '1-1',
          value: '1-1',
          disabled: false,
          checked: false,
          hasChecked: true,
          hasChildren: true
        },],
        user: [],
        open: false,
        openUser: false,
        testC:true,
      }
    },
    computed: {},
    created() {

    },
    mounted() {

    },
    watch: {},
    methods: {
      testChange(value){
        console.log(value)
      },
      openOrgDialog() {
        this.openUser =  true
      },
      closeOrgDialog() {
        this.openUser =  false
      },
      orgChange(ev) {
        console.log(ev)
      }
    },
    destroyed() {
    }
  }
</script>

<style lang="scss">
</style>
